//找到图片
let image = $('#image')
var option = {
    // 纵横比(宽高比)
    aspectRatio: 1, // 正方形
    // 指定预览区域
    preview: '.img-preview' // 指定预览区的类名（选择器）
};
// - 调用cropper方法，创建剪裁区
image.cropper(option);
//点击按钮触发file事件
$('.btn1').on('click', function () {
    $('#file').trigger('click')
})
//更换头像图片
$('#file').on('change', function () {
    if (this.files.length > 0) {
        //创建文件对象
        let fileObj = this.files[0]
        //创建url
        let url = URL.createObjectURL(fileObj)
        //换图片
        image.cropper('replace',url)
    }
})
//点击确定按钮裁剪图片
$('.btn2').on('click', function () {
    //图片剪裁
    let canvas = image.cropper('getCroppedCanvas', { width: 30, hight: 30 })
    //剪裁图片转换成base64
    let str = canvas.toDataURL('image/*', 0.5)
    //提交到服务器
    $.ajax({
        type: 'POST',
        url: '/my/user/avatar',
        data: { avatar: str },
        success: function (res) {
            layer.msg(res.message)
            if (res.status === 0) {
                window.parent.getUserinfo()         
            }
        }
    })
})